<template>
      <div id="aside">
            <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="#f3f3f3"
      text-color="#000"
      router
      active-text-color="#ffd04b">
      
      <el-menu-item index="daili">
        <i class="el-icon-document"></i>
        <span slot="title">代理商</span>
      </el-menu-item>
      <el-menu-item index="/news">
        <i class="el-icon-setting"></i>
        <span slot="title">新闻资讯</span>
      </el-menu-item>
    </el-menu>
      </div>
</template>

<script>
      export default {
        mounted () {
          this.getHeight();
        },
            methods: {
              getHeight() {
                let he = document.documentElement.clientHeight - 60
                  $("#aside").height(`${he}px`)
                window.onresize = function () {
                  let he = document.documentElement.clientHeight - 60
                  $("#aside").height(`${he}px`)
                }
              },

            },
      }
</script>

<style lang="scss" scoped>
#aside {
  background-color: #f3f3f3;
}
</style>